<div style="height: 230px; background-color: #c0c0c0"></div>

<div id="container" style="width: 500px;">
  <div id="header" style="background-color: #ffa500">
    <h3 style="margin-bottom: 0">主要的网页标题</h3>
  </div>

  <div id="menu" style="background-color: #ffd700; height: 200px; width: 100px; float: left">
    <b>菜单</b><br />
    HTML<br />
    CSS<br />
    JavaScript
  </div>

  <div id="content" style="background-color: #eeeeee; height: 200px; width: 400px; float: left">
    内容在这里
  </div>

  <div id="footer" style="background-color: #d8d8d8; clear: both; text-align: center">
    版权 © Daniel
  </div>
</div>

<table width="500" border="0" style="margin-top:20px;">
  <tr>
    <td colspan="2" style="background-color: #ffa500">
      <h3>主要的网页标题</h3>
    </td>
  </tr>

  <tr>
    <td style="background-color: #ffd700; width: 100px">
      <b>菜单</b><br />
      HTML<br />
      CSS<br />
      JavaScript
    </td>
    <td style="background-color: #eeeeee; height: 200px; width: 400px">
      内容在这里
    </td>
  </tr>

  <tr>
    <td colspan="2" style="background-color: #d8d8d8; text-align: center">
      版权 © Daniel
    </td>
  </tr>
</table>